<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>购物车</title>
		<meta name="apple-mobile-web-app-capable" content="yes"> 
		<meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<link rel="stylesheet" href="static/css/common.css">
		<link rel="stylesheet" href="static/css/cart.css">
	</head>
	<body>
		<header class="header">
			<span class="arrowLeft">
				<img src="static/picture/arrow-left.png" alt="">
			</span>
		    <span class="headerTitle">购物车</span>
		    <span class="headerRight cart-operation edit">管理</span>
		</header> 
		
		<main class="main">
			<div class="shop-box">
				<div class="checkbox-wrap">
					<img src="static/picture/tick.png" class="tick">
					<input type="checkbox" name="" id="" value="" class="checkbox myshopcheckbox">
				</div>
				<div>河南吉裕农业有限公司</div>
			</div>
			<div class="cart-block">
				<div class="checkbox-wrap">
					<img src="static/picture/tick.png" class="tick">
					<input type="checkbox" name="" id="" value="" class="checkbox mycheckbox">
				</div>
				<img src="" class="cart-goods-img">
				<div class="cart-goods-info">
					<p class="cart-goods-name">水溶肥平衡高钾高氮高磷</p>
					<p class="cart-goods-sku">规格：30g/1袋</p>
					<div class="price-wrap">
						<span>￥<span class="price">99.8</span></span>
						<div class="num-wrap">
							<img src="static/picture/sub.png" class="sub">
							<input type="number" name="" id="num-input" class="num-input" value="1" readonly/="">
							<img src="static/picture/add.png" class="add">
						</div>
					</div>
				</div>
			</div>
			<div class="cart-block">
				<div class="checkbox-wrap">
					<img src="static/picture/tick.png" class="tick">
					<input type="checkbox" name="" id="" value="" class="checkbox mycheckbox">
				</div>
				<img src="" class="cart-goods-img">
				<div class="cart-goods-info">
					<p class="cart-goods-name">水溶肥平衡高钾高氮高磷</p>
					<p class="cart-goods-sku">规格：30g/1袋</p>
					<div class="price-wrap">
						<span>￥<span class="price">892</span></span>
						<div class="num-wrap">
							<img src="static/picture/sub.png" class="sub">
							<input type="number" name="" id="num-input" class="num-input" value="1" readonly/="">
							<img src="static/picture/add.png" class="add">
						</div>
					</div>
				</div>
			</div>
			<div class="cart-block">
				<div class="checkbox-wrap">
					<img src="static/picture/tick.png" class="tick">
					<input type="checkbox" name="" id="" value="" class="checkbox mycheckbox">
				</div>
				<img src="" class="cart-goods-img">
				<div class="cart-goods-info">
					<p class="cart-goods-name">水溶肥平衡高钾高氮高磷</p>
					<p class="cart-goods-sku">规格：30g/1袋</p>
					<div class="price-wrap">
						<span>￥<span class="price">10520</span></span>
						<div class="num-wrap">
							<img src="static/picture/sub.png" class="sub">
							<input type="number" name="" id="num-input" class="num-input" value="1" readonly/="">
							<img src="static/picture/add.png" class="add">
						</div>
					</div>
				</div>
			</div>
		</main>

		<main class="main">
			<div class="shop-box">
				<div class="checkbox-wrap">
					<img src="static/picture/tick.png" class="tick">
					<input type="checkbox" name="" id="" value="" class="checkbox myshopcheckbox">
				</div>
				<div>河南建科农业科技有限公司</div>
			</div>
			<div class="cart-block">
				<div class="checkbox-wrap">
					<img src="static/picture/tick.png" class="tick">
					<input type="checkbox" name="" id="" value="" class="checkbox mycheckbox">
				</div>
				<img src="" class="cart-goods-img">
				<div class="cart-goods-info">
					<p class="cart-goods-name">水溶肥平衡高钾高氮高磷</p>
					<p class="cart-goods-sku">规格：30g/1袋</p>
					<div class="price-wrap">
						<span>￥<span class="price">99.8</span></span>
						<div class="num-wrap">
							<img src="static/picture/sub.png" class="sub">
							<input type="number" name="" id="num-input" class="num-input" value="1" readonly/="">
							<img src="static/picture/add.png" class="add">
						</div>
					</div>
				</div>
			</div>
		</main>
		
		
		<div style="height: 0.5rem;"></div>
		<div class="total-wrap">
			<div class="total-left">
				<div class="checkbox-wrap">
					<img src="static/picture/tick.png" class="tick">
					<input type="checkbox" name="" id="" value="" class="checkbox allselect">
				</div>
				<span>全选</span>
			</div>
			<div class="total-right settlement">
				<div class="checkedbox">已选<div class="checkedLen">0</div>件，</div>
				<p>合计:<span class="symbol">￥</span><span class="integer">0</span><span class="point"></span></p>
				<button type="button" class="total-btn">结算</button>
			</div>
			
			<div class="total-right delete-btn">
				<button type="button" class="total-btn">删除(<span class="checkedLen">0</span>)</button>
			</div>
		</div>
	</body>
	<script src="static/js/jquery.min.js"></script>
	<script src="static/js/cart.js" type="text/javascript" ></script>
</html>
